html,
body {
	background-color: #efeff4;
}

.mui-views,
.mui-view,
.mui-pages,
.mui-page,
.mui-page-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #efeff4;
}

.mui-pages {
	height: auto;
}

.mui-scroll-wrapper,
.mui-scroll {
	background-color: #efeff4;
}

.mui-page.mui-transitioning {
	-webkit-transition: -webkit-transform 300ms ease;
	transition: transform 300ms ease;
}

.mui-page-left {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mui-ios .mui-page-left {
	-webkit-transform: translate3d(-20%, 0, 0);
	transform: translate3d(-20%, 0, 0);
}

.mui-android .mui-navbar-inner.mui-navbar-left {
	opacity: 0;
}

.mui-ios .mui-navbar-left .mui-left,
.mui-ios .mui-navbar-left .mui-center,
.mui-ios .mui-navbar-left .mui-right {
	opacity: 0;
}

.mui-page-shadow {
	position: absolute;
	right: 100%;
	top: 0;
	width: 16px;
	height: 100%;
	z-index: -1;
	content: '';
}

.mui-page-shadow {
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
}

.mui-navbar-inner.mui-transitioning,
.mui-navbar-inner .mui-transitioning {
	-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
	transition: opacity 300ms ease, transform 300ms ease;
}

.mui-page {
	display: none;
}

.mui-pages .mui-page {
	display: block;
}


.mui-table-view span.mui-pull-right {
	color: #999;
}

.mui-table-view-divider {
	background-color: #efeff4;
	font-size: 14px;
}

.mui-table-view-divider:before,
.mui-table-view-divider:after {
	height: 0;
}

.update {
	font-style: normal;
	color: #999999;
	margin-right: -25px;
	font-size: 15px
}

.mui-fullscreen {
	position: fixed;
	z-index: 20;
	background-color: #000;
}

.mui-ios .mui-navbar .mui-bar .mui-title {
	position: static;
}

.mui-table-view-cell:after {
	left: 0px;
}

.mui-pull-right {
	float: right;
}

.compile {
	font-size: 0.375rem;
	color: #999;
}

#idiograph .mui-navigate-right {
	height: auto;
	font-size: 0.375rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.mui-table-view:before,
.mui-table-view:after {
	content: none;
}
.mui-ios .mui-table-view-cell{
	height: 1.2rem;
}
.mui-table-view-cell:nth-of-type(1) {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.mui-table-view-cell:nth-of-type(6) {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.mui-table-view #idiograph {
	border-radius: 15px;
}

.mui-table-view-cell {
	padding: 0.34375rem 0.46875rem;
}

.mui-table-view-cell>a:not(.mui-btn) {
	margin: -0.34375rem -0.46875rem;
	font-size: 0.4rem;
	height: 1.3rem;
	padding: 0 0.46875rem;
	line-height: 1.3rem;
}


.info-nav-left {
	width: 1.5625rem;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 0.375rem;
}

.info-nav-right {
	color: #999;
	padding-left: 0.46875rem;
	width: 80%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 0.375rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.info-nav-right #info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#star .mui-navigate-right:after,
.mui-push-right:after {
	content: '';
}

.ulul {
	margin-top: 0.4rem;
}

.idiograph {
	width: 100%;
}

.idiograph p {
	font-size: 0.5rem;
	padding: 0.3125rem 0;
	text-align: center;
	color: #999999;
	margin: 0;
}

.idiograph-text {
	position: relative;
	width: 100%;
	padding:0 15px;
}
.age_box .idiograph-text .idiograph-input{
	 height: 1rem;
	 font-size: 0.375rem;
	 line-height: 0.5rem;
	 padding: 0.25rem;
}
.idiograph-text .idiograph-input {
    width: 100%;
    height: 4.0625rem;
    font-size: 0.375rem;
    padding: 0.4375rem;
    background: #fbfbfb;
}

.num {
	position: absolute;
	right: 0.55rem;
	bottom: 0.65rem;
	font-size: 0.3125rem;
}

#idiograph .mui-navigate-right:after,
.mui-push-right:after {
	content: '';
}

.intro_send {
	display: block;
	width: 2.4375rem;
	height: 1rem;
	background: rgb(235, 105, 141);
	margin: 0.625rem auto;
	font-size: 0.4rem;
	color: #fff;
	text-align: center;
	line-height: 1rem;
	padding: 0;
	border-radius: 0.3125rem;
	border: none;
}

.interest-box {
	width: 100%;
}

.interest-box p {
	font-size: 0.5rem;
	padding: 0.3125rem 0;
	text-align: center;
	color: #999999;
	margin: 0;
}

.interest {
	flex-wrap: wrap;
	width: 100%;
	display: flex;
	justify-content: space-around;
	padding: 0.1rem;
}

.interest span {
	margin: 0.1rem;
	width: 3rem;
	padding: 0.15625rem 0.3125rem;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	border-radius: 0.3rem;
	font-size: 0.375rem;
	display: inline-block;
	text-align: center;
}

.interest .active {
	background: var(--allcolor, #fd698d);
	color: #fff;
}

#view_intro .mui-scroll-wrapper .mui-scroll {
	background: #fff;
}

.close_btn {
	width: 100%;
	height: 1.25rem;
	padding: 0 0.3125rem;
	display: flex;
	justify-content: space-between;
	margin-top: 0.625rem;
}

.close_btn button {
	width: 3.125rem;
	border-radius: 0.3rem
}

.age_box,
.intro_box {
	background: #fff;
	margin: 2% 2%;
	border-radius: 15px;
	border: 1px solid #adadad;
}

.age_title,
.intro_title {
	text-align: left;
	display: flex;
	align-items: center;
	height: 1rem;
	z-index: 11;
	width: 100%;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	padding: 0 15px;

}

.age_title .back_img,
.intro_title .back_img {
	width: 1rem;
	height: 100%;
	display: inline-block;
	padding: 10px 14px;
}

.age_title .back_img img,
.intro_title .back_img img {
	width: 100%;
	height: 100%;
}

.age_title span,
.intro_title span {
	display: inline-block;
	font-size: 0.375rem;
	line-height: 0.9375rem;
	color: #999999;
}
#intro_back,#name_back{
	text-align: center;
	font-size: 0.375rem;
	line-height: 1.875rem;
	
}



.mui-navigate-right.right_bg {
	background: url(../../img/my/dui.png) no-repeat;
	background-size: 20px 20px;
	background-position: right 0.46875rem center;
}

#job_item .mui-navigate-right:after,
.mui-push-right:after {
	content: ''
}

.mui-scroll-wrapper {
	overflow: auto;
}

.user_name_box {
	width: 100%;
	padding: 15px;
	margin-top: 0.2rem;
}


.mui-table-view {
	margin-top: 0px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin-top: 2%;
}

.mui-table-view span.mui-pull-right {
	color: #999;
	padding-right: 20px;
}